﻿@{
    Layout = "~/Views/Shared/_Layout2.cshtml";
    ViewBag.Title = "会员注册";
}
<style type="text/css">
    .layui-form-item a {
        color: brown;
    }

    input {
        font-size: 18px;
    }
</style>
<form action="/Account/Register" method="post">
    <div class="layui-form" style="padding: 0px 25px; margin-top: 10px;">
        <div class="layui-form-item">
            <div class="layui-row">
                <div class="layui-col-xs12">
                    <div class="layui-input-wrap">
                        <div class="layui-input-prefix layui-input-split" style="line-height: 54px;">
                            <i class="layui-icon layui-icon-cellphone"></i>
                        </div>
                        <input type="text" placeholder="请输入手机号码" lay-reqtext="请输入手机号码" class="layui-input" maxlength="11"
                               lay-verify="required|phone" autocomplete="off" lay-vertype="tips" id="register-phone" value="" style="height: 54px;" />
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-wrap">
                <div class="layui-input-prefix layui-input-split" style="line-height: 54px;">
                    <i class="layui-icon layui-icon-password"></i>
                </div>
                <input type="password" lay-verify="required|password" placeholder="请输入密码" lay-reqtext="请输入密码" autocomplete="off"
                       class="layui-input" id="register-password" lay-vertype="tips" lay-affix="eye" maxlength="12" value="" style="height: 54px;">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-wrap">
                <div class="layui-input-prefix layui-input-split" style="line-height: 54px;">
                    <i class="layui-icon layui-icon-password"></i>
                </div>
                <input type="password" lay-verify="required|confirmPassword" placeholder="请输入确认密码" lay-reqtext="请输入确认密码" autocomplete="off"
                       class="layui-input" id="register-password-confirm" lay-vertype="tips" lay-affix="eye" maxlength="12" value="" style="height: 54px;">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-wrap">
                <div class="layui-input-prefix layui-input-split" style="line-height: 54px;">
                    <i class="layui-icon layui-icon-user"></i>
                </div>
                <input type="text" lay-verify="required" placeholder="请输入姓名" lay-reqtext="请输入姓名" autocomplete="off"
                       class="layui-input" id="register-name" lay-vertype="tips" maxlength="10" value="" style="height: 54px;">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-wrap">
                <div class="layui-input-prefix layui-input-split" style="line-height: 54px;">
                    <i class="layui-icon layui-icon-friends"></i>
                </div>
                <input type="text" lay-verify="required|referenceInvitationCode" placeholder="请输入推荐人邀请码" lay-reqtext="请输入推荐人邀请码"
                       autocomplete="off" class="layui-input" lay-vertype="tips" id="register-reference-invitation-code" maxlength="6" value="" style="height: 54px;">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-row">
                <div class="layui-col-xs7">
                    <div class="layui-input-wrap">
                        <div class="layui-input-prefix layui-input-split" style="line-height: 54px;">
                            <i class="layui-icon layui-icon-vercode"></i>
                        </div>
                        <input type="text" lay-verify="required|vercode" placeholder="请输入验证码" lay-reqtext="请输入验证码"
                               autocomplete="off" class="layui-input" lay-vertype="tips" id="register-vercode" maxlength="4" value="" style="height: 54px;">
                    </div>
                </div>
                <div class="layui-col-xs5" style="height: 54px;">
                    <div style="margin-left: 10px; height: 54px; width: 100px;">
                        <img id="VerCode" style="width: 100px; height: 54px;" />
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item" style="margin-bottom: 10px;">
            <button class="layui-btn layui-btn-fluid layui-btn-radius" lay-submit lay-filter="filter-register"
                    style="height: 54px; letter-spacing: 2px; font-size: 20px;">
                注册
            </button>
        </div>
        <div class="layui-form-item">
            <a href="~/Account/Login">已有账号，立即登录!</a>
        </div>
    </div>
</form>
<script type="text/javascript" src="~/Static/Js/register.js?rand=0123456789"></script>